<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/views/global/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath %>">
<%@include file="/views/global/ShopInclude.jsp" %>
<link rel="stylesheet" type="text/css" href="static/css/page/index.css" />
<link href="static/css/page/inseller.css" rel="stylesheet" type="text/css">
<title>IN SELLER</title>
</head>
<body>
<%@include file="/views/global/SearchBar.jsp" %>

<!-- LOOKBOOK内容开始 -->
<div class="InSellerContent font">
  <video width="1200" height="640" controls="controls" class="InSellerVideo" currentTime="1" poster="static/images/page/InSeller/videoImg.jpg">
    <source src="http://mixuan.org/movie.mp4" type="video/mp4">
    <!-- <img src="static/images/page/InSeller/videoImg.png"/> -->
  </video>
  <div class="inSellerStyle">
    <div class="inSellerStyleTitle">
       <ul>
         <li class="inSellerStyleTitle-borderli"></li>
         <li class="inSellerStyleTitle-contentli"><p class="contentli-p1">LOOK THE WORLD</p><p class="contentli-p2">鸟世界</p></li>
         <li class="inSellerStyleTitle-borderli"></li>
       </ul>
    </div>
    <ul class="inSellerStyleBanner">
      <c:forEach var="item" items="${styleList }" varStatus="s" >            
      	<c:if test="${s.first}">
           <li><a href="#" style="border-right: 2px solid #c0c0c0;border-bottom: 2px solid #c0c0c0;"><img src="${fileServerBasePath }download/${item.fileId }"/></a></li>
        </c:if>
        <c:if test="${s.count==2}">
           <li><a href="#" style="border-bottom: 2px solid #c0c0c0;"><img src="${fileServerBasePath }download/${item.fileId }"/></a></li>
        </c:if>
        <c:if test="${s.count==3}">
           <li><a href="#" style="border-right: 2px solid #c0c0c0;"><img src="${fileServerBasePath }download/${item.fileId }"/></a></li>
        </c:if>
        <c:if test="${s.count==4}">
           <li><a href="#"><img src="${fileServerBasePath }download/${item.fileId }"/></a></li>
        </c:if>
      </c:forEach>
    </ul>
  </div>
  
<!-- WHO AM I? START  -->
<div class="scroll2-outer center">
	<div id="insellerDesignerContent" class="scroll2 owl-carousel">
	</div>
    <div class="insellerTransparentLeft2 insellerTransparent2"></div>
    <div class="designerIdentify2"><img src="static/images/page/InSeller/inSellerIdentify.png"/></div> <!-- 这是保持位置不变的绿色designer图片 -->
    <div class="insellerTransparent2 insellerTransparentRight2"></div>
</div>
<div class="designerReadMore contentWidth center font en_M fontColorGray"><a class="readMore" href="#" style="margin-bottom: 33px;color:#cbcbcb;">READ MORE 查看更多</a></div>
<!-- WHO AM I? END  -->
</div>
<!-- LOOKBOOK内容结束 -->
<%@include file="/views/global/scripts.jsp" %>
<script type="text/javascript" src="static/javascript/jquery.plugin/jquery.scrollpic.js"></script>
<script type="text/javascript">
$(function(){
	ajaxhtml("#insellerDesignerContent", "seller/inseller/designersList", function(){
		var scrollPic = new ScrollPic();
		scrollPic.scrollContId   = "insellerDesignerContent"; //内容容器ID
		/* scrollPic.arrLeftId      = "arrLeft";//左箭头ID
		scrollPic.arrRightId     = "arrRight"; //右箭头ID */
		scrollPic.frameWidth     = 1000;//显示框宽度
		scrollPic.pageWidth      = 200; //翻页宽度
		scrollPic.speed          = 8; //移动速度(单位毫秒，越小越快)
		scrollPic.space          = 8; //每次移动像素(单位px，越大越快)
		scrollPic.autoPlay       = true; //自动播放
		scrollPic.autoPlayTime   = 2; //自动播放间隔时间(秒)
		scrollPic.initialize(); //初始化
	});
});
</script>
<form id="requestForm"></form>
<%@include file="/views/global/footer.jsp" %>

</body>
</html>
